﻿
ul {
    list-style: none;
   margin: 0;
   padding: 0;
}

.icon {
  font-size: 0;
   text-align: center;
  width: 16px;  /* Container's dimensions */
  height: 16px;
}

img {
  display: inline-block;
   vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}

.imgHelper {
   display: inline-block;
  vertical-align: middle;
}

a.editLink
{
   background: url(../images/edit-pen-icon.png) center;
   display: inline-block;
   vertical-align: middle;
   width: 16px;
   height: 16px;
   background-size : 100% auto;
   font-size: 0;
}

a.deleteLink
{
   background: url(../images/consumerwebsite/remove-icon.png) center;
   display: inline-block;
   vertical-align: middle;
   width: 16px;
   height: 16px;
   background-size : 100% auto;
   font-size: 0;
}


/**** STYLED HEADERS ***************************************************************************/

.solid-line-header-0 {
   border-bottom: 1px solid #000;
   margin: 0 0 5px 0;
   padding-bottom: 2px;
}

.dotted-header {
   border-bottom: 1px dotted #C7C7C7;
   margin: 20px 0 10px 0;
   padding-bottom: 5px;
}

/**** CONTENT BOXES ***************************************************************************/
.box-rounded-corners {
   border: 1px solid #000;
   border-radius: 5px;
   margin: 10px 0;
   padding: 10px;
}

.box-fix-margin:first-child {
   margin-top: 0;
}

.box-fix-margin:last-child {
   margin-bottom: 0;
}

.box-yellow {
   background: #ffff99;
   border: 1px solid #E5E5E5;
}

.box-green {
   background: #D5EDAF;
   border: 1px solid #C7C7C7;
}

.box-red {
   background: #FF0000;
   border: 1px solid #C7C7C7;
}

.box-blue {
   background: #D7E7F4;
   border: 1px solid #C7C7C7;
}

.box-theme-color {
   border: 1px solid #C7C7C7;
}

/**** Misc Other ***************************************/

.inputSummary {
   width: 250px;
   display: table-cell;
   padding-right: 10px;
   vertical-align: top;
}

   .inputSummary span {
      font-weight: 700;
}

.quotePlanSummary {
   display: table-cell;
   padding: 0 10px;
}

.outputSummary {
   width: 180px;
   display: table-cell;
   padding-left: 10px;
}

.pob {
   margin-bottom: 20px;
}

.pob-header, .pob-details {
   /*background: #DEDEDE;*/
   border-bottom: 1px solid #C7C7C7;
   font-weight: 700;
   padding: 5px 10px;
}

.pob-body {
   /*background: #EFEFEF;*/
   border-bottom: 1px solid #C7C7C7;
   padding: 10px 20px;
}

.boldTxt {
   font-weight: 700;
}

.smallest {
   font-size: 0.6em;
   font-size: 0.67vw;
}

.smaller {
   font-size: 0.8em;
   font-size: 0.89vw;
}

.larger {
   font-size: 1.2em;
   font-size: 1.33vw;
}

.largest {
   font-size: 1.5em;
   font-size: 1.67vw;
}

/**** Column control **************/
.columnContainer {
   display: table;
   width: 100%;
}

.leftColumn {
   margin: 20px 5px 0 0;
}

.leftColumnLeftMargin {
   margin: 20px 20px 0 20px;
}

.centerColumn {
   margin: 20px 20px 0 20px;
   min-height: 300px;
}

.rightColumn {
   margin: 20px 0 0 20px;
}

/*** Webgrid ***/
.webgrid {
   width: 100%;
   border: 0;
   border-collapse: collapse;
}

.webgrid-header {
   padding-top: 6px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   border-bottom: 0 solid #3966A2;
   height: 32px;
   border-top: 1px solid #D0D5D1;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   font-weight: Normal;
}

.webgrid-header a,
.webgrid-header a:link,
.webgrid-header a:hover,
.webgrid-header a:visited {
   color: Black;
   font-weight: Bold;
   text-decoration: none;
   display: block;
   text-align: left;
}

.webgrid-footer {
   padding: 6px 5px;
   text-align: center;
   background-color: White;
   border: 0;
   height: 30px;
}

.webgrid-row-style {
   height: 30px;
   background-color: #FFFFFF;
   border-bottom: 1px solid #d2d2d2;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   text-align: left;
}

.webgrid-alternating-row {
   height: 30px;
   background-color: #F2F7FC;
   border-bottom: 1px solid #d2d2d2;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   text-align: left;
}

.webgrid-row-currency-style td:nth-child(3),
.webgrid-row-currency-style td:nth-child(4),
.webgrid-row-currency-style td:nth-child(5) {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
   text-align: right;
}

.webgrid-row-currency-style th:nth-child(3),
.webgrid-row-currency-style th:nth-child(4),
.webgrid-row-currency-style th:nth-child(5) {
   text-align: right;
}

.web-grid-text-align-center {
   text-align: center;
}

.no-hover:hover {
   background: none;
}

/* progress bar */
#ProgressDialog {
   display: none;
}

.progressLabel {
   font-size: small;
   left: 30%;
   top: 50%;
}

.quoteProgressBar .ui-dialog-titlebar-close {
   display: none;
}

/* footer */
.allied-footer {
   color: #555;
   font-size: 1em;
   font-family: Calibri;
}

/* misc dialog style */
.dialog-close-disabled .ui-dialog-titlebar-close {
   display: none;
}

/* Customize Protection */

.customize-protection-section {
    border: solid gray 2px;
    padding: 6px 4px 2px 4px;
}